<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>demo_src_audio-video</title>
    <link rel="stylesheet" href="./style/index.css">
</head>
<body>
    <div>
            <p>我不知道我的思路差在哪</p>
            <p>我把图片和文字写在子DIV里想用flex布局去做效果</p>
            <p>但是浏览器显示的是子级在父级的外面,给其中子级div写了个class="code1" 它好像应用给了所有div导致本次作业写不工整</p>
    </div>
    <div>
        <p >英雄联盟主题曲 </p>
        <span>Against The Current - Legends Never Die</span><br/>
        <br/>
        <audio controls>
            <source src="./audio/Against The Current - Legends Never Die.flac" type="audio/flac">
        </audio>
        <video width="500px" height="500px" controls>
            <source src="./video/Against The Current - Legends Never Die.mp4" type="video/mp4">
        </video>

        
        <video width="500px" height="500px" controls>
            <source src="./video/1.mp4" type="video/mp4">
        </video>
        
     

    </div>
</body>
</html>